<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script src="/admin/plugin/element-ui/index.js"></script>

    <script src="/admin/plugin/element-ui/httpVueLoader.js"></script>

</head>
<body>

<div id="app">
    <fieldset>
        <legend>用户名与密码:</legend>
        <el-button type="primary">主要按钮</el-button>
    </fieldset>


    <template>
        <el-radio v-model="radio" label="1">备选项</el-radio>
        <el-radio v-model="radio" label="2">备选项</el-radio>

        <my-component :list="tableData"></my-component>
    </template>


    <!--<template>
        <table></table>
    </template>-->


</div>

<script>
    Vue.use(httpVueLoader);

var app = new Vue({
    el: '#app',
    /*component:{
        table
    },*/
    components: {
        'my-component': httpVueLoader('http://localhost:9004/admin/html/inputCustom/table.vue')//加载需要使用的vue文件
    },
    data: {
        radio: '1',
        tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
        }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
        }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
        }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
        }]
    }
})
</script>


</body>
</html>
